<!DOCTYPE html>
<html>
<head lang="en">
    <title>模板信息</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="<?php echo base_url();?>lib/bootstrap-3.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>lib/swiper/idangerous.swiper.css">
	<!--状态栏和导航栏的样式-->
    <link rel="stylesheet" href="<?php echo base_url();?>navigation.css">
    <script type="text/javascript" src="<?php echo base_url();?>lib/jquery/jquery-2.1.1.min.js"></script>
    <script src="<?php echo base_url();?>lib/swiper/idangerous.swiper.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/template1.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/common.js"></script>
    <style type="text/css">
    body, div, p, span, img, a, button {
        margin: 0px;
        padding: 0px;
        border: none;
    }
    #container, #container div {
        margin: 0px;
        padding: 0px;
    }
    #line {
        height: 2px;
        width: 100%;
        background-color: #eeeeee;
    }
    #line_bottom_space {
        width: 100%;
        height: 27px;
    }
    #template_content .row {
        margin: 0px 25px;
    }
    #template_content .col {
        padding: 0px 7px;
        text-align: center;
    }
    #template_content img {
        width: 100%;
        border: 1px solid #eeeeee;
    }
    #container .home_desc {
        height: 55px;
        line-height: 55px;
        text-align: center;
        font-size: 15px;
    }
    #container .page_desc {
        height: 55px;
        line-height: 55px;
        text-align: center;
        font-size: 15px;
    }
    #container #center_line {
        height: 2px;
        background-color: #eeeeee;
        margin: 18px 14px 0px;
    }
    #center_space {
        height: 25px;
        width: 100%;
    }
    #container .thumb_row {
        margin: 0px 18px 20px;
    }
    #container .thumb_col {
        text-align: center;
        padding: 0px 10px;
    }
    #container .link_thumbImage {
        text-decoration: none;
    }
    #container .template_title {
        text-align: center;
        color: #000000;
        font-size: 15px;
        height: 50px;
        line-height: 45px;
    }
    #container .thumbImage {
        width: 100%;
        border: 1px solid #eeeeee;
    }
    </style>
</head>
<body>
<div class="container-fluid" id="container">
        <div id="header_title">选择模板</div>

        <div id="line"></div>
        <div id="line_bottom_space"></div>
	<div id="template_content">

	    <!--模板1-->
	    <div id="swiper_container_1" class="swiper-container" style="display: block">
	        <div class="swiper-wrapper">
	        	<?php if($single_tpls) {?>
	        		<?php foreach ($single_tpls as $st){?>
			            <div class="swiper-slide">
			                <img src="<?php echo base_url();?><?php echo $st['img_path'];?>" class="img-responsive img-thumbnail" alt="封面">
			            	<div class="home_desc"><?php echo $st['t_name'];?></div>
			            </div>
	            <?php }}?>
	        </div>
	    </div>
	</div>
    <div id="center_line"></div>
    <div id="center_space"></div>

    <!--模板缩略图 start-->
    <div class="row thumb_row">
    	<?php if($tpls){?>
    		<?php foreach ($tpls as $tpl){?>
    			<div class="col-xs-4 thumb_col">
		            <a href="<?php echo base_url().$url."?site_id=".$site_id."&t_id=".$tpl['id'];?>" class="link_thumbImage">
		                <div align="center"  class="template_title" <?php if($tpl['id'] == $t_id){ ?> style="color: #5ac8fa;"<?php } ?>><?php echo $tpl['name'];?></div>
		                <img class="thumbImage" src="<?php echo base_url();?><?php echo $tpl['img_path'];?>" alt="模板一" >
		            </a>
		        </div>
		    <?php }}?>
		<div class="col-xs-4 thumb_col">
                	<div align="center" class="template_title">期待中</div>
                    	<img class="thumbImage" src="<?php echo base_url();?>res/images/template3_thumb.png" alt="模板三">
        	</div>
    </div>
    <!--模板缩略图 end-->
	<form id="set_tpl" action="<?php echo base_url().$action;?>" method="post">
		<input type="hidden" name="site_id" value="<?php echo $site_id;?>" />
		<input type="hidden" name="t_id" value="<?php echo $t_id;?>" />
	</form>

</div>

<!-- 下一步 -->
<div class="contaienr-fluid" id="footer_row">
    <div class="row">
        <div class="col-xs-6 text-center" id="nav_back">返回</div>
        <div class="col-xs-6 text-center" id="nav_next">下一步</div>
    </div>
</div>

</body>
</html>
